<template>
	<view class="store-pay-result">
		<icon type="success" size="42" color="#0aac2a"></icon>
		<view class="store-pay-result-text">支付成功</view>
		<view class="store-pay-result-money">￥{{loadData.money}}</view>
		<view class="store-pay-result-company">{{loadData.seller_name}}</view>
		<view class="store-pay-result-btn" @tap="back()">返回</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				loadData:{}
			};
		},
		methods: {
			back(){
				uni.navigateBack()
			}
		},
		onLoad(data) {
			this.loadData = data
		}
	};
</script>
<style lang="scss">
	.store-pay-result{
		text-align: center;
		padding-top: 80rpx;
		&-text{
			font-size: 36rpx;
			color: #0aac2a;
			margin-top: 22rpx;
		}
		&-money{
			font-size: 60rpx;
			margin-top: 94rpx;
			margin-bottom: 5rpx;
		}
		&-company{
			font-size: 36rpx;
			margin-bottom: 500rpx;
		}
		&-btn{
			width: 504rpx;
			line-height: 84rpx;
			border: 1px solid #0aac2a;
			color: #0aac2a;
			font-size: 36rpx;
			border-radius: 5px;
			margin: 0 auto;
		}
	}
</style>
